<!DOCTYPE html>
<!-- saved from url=(0037)http://gxkanba.com/Admin/Public/login -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <title>后台管理系统</title>

    <link rel="icon" href="static/image/favicon.ico" type="image/ico">            
    <link rel="stylesheet" type="text/css" href="static/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="static/css/webstyle.css">    

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="static/plugins/jquery/jquery.js"></script>
    <script type="text/javascript" src="static/bootstrap/js/bootstrap.js"></script>
    <script src="static/js/vue.js" ></script>
    <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>


</head>
<body>
<div class="login-bg" id="loginPage">
    <div class="contater">
        <div class="login row">
            <h4>后台管理系统</h4>
            <div class="form-horizontal" @keydown.enter="LoginValidate" accept-charset="utf-8">                
                <div class="form-group">
                    <label class="col-xs-3 control-label">账&nbsp;&nbsp;&nbsp;号</label>
                    <div class="col-xs-9">
                        <input type="text" class="form-control" name="username" v-model="account" placeholder="请输入手机号">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-3 control-label">密&nbsp;&nbsp;&nbsp;码</label>
                    <div class="col-xs-9">
                        <input type="password" name="password" class="form-control" v-model="password" placeholder="请输入密码">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-3 control-label">验证码</label>
                    <div class="col-xs-9 pos-rel">
                        <input type="text" name="verify" placeholder="请输入验证码" v-model="validatecode" class="form-control">
                        <img id="js_verify_refresh" @click="UpdateValidate" src="static/image/verify.png" style="cursor: pointer;">
                    </div>
                </div>
                <button class="btn btn-default btn-block " type="button" @click="LoginValidate">立即登录</button>                        
            </div>            
        </div>
    
        <div class="logo">
            <img src="static/image/logo.png">
            <h2>后台管理系统</h2>
        </div>
    </div>
</div>

<script>
    let website =new Vue({
        el:"#loginPage",
        data:{
            validatecode:"",
            password:"",
            account:"",
        },
        watch:{
            
        },
        methods:{
            LoginValidate(){                
                if(this.account.length>0&&this.password.length>0&&this.validatecode.length>0)
                {

                    //return this.$router.push({ path: '/index' });
                    //router.push()
                    window.location.href="./index.html";                    
                }else{
                    alert("信息输入不完整");
                    return false;
                }                
            },
            UpdateValidate(){
                alert('刷新验证码');
            }
        }
    })
</script>
</body>
</html>